@charset "utf-8";

// The font.
$base-font-family: "PingFang SC","Microsoft YaHei","微软雅黑",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif !default;

$base-font-size: 14px !default;
$base-line-height: 24px !default;
$base-unit: 'em' !default;

//width
$base-width: 1200px !default;
$width: 1200px !default;

// radius 
$base-border-radius: 4px !default;
//html::-webkit-scrollbar{
//    display: none;
//}
//
// The font sizes
//           1    2    3    4    5    6    7    8    9
$font-size: 32px 26px 24px 20px 18px 16px 14px 12px 22px;
%h1 {
  font-size: nth($font-size, 1);
}

%h2 {
  font-size: nth($font-size, 2);
}

%h2m {
  font-size: nth($font-size, 9);
}

%h3 {
  font-size: nth($font-size, 3);
}

%h4 {
  font-size: nth($font-size, 4);
}

%h5 {
  font-size: nth($font-size, 5);
}

%h6 {
  font-size: nth($font-size, 6);
}

%h7 {
  font-size: nth($font-size, 7);
}

%p {
  font-size: nth($font-size, 8);
}
i{
  font-style: normal;
}
//
// color(    1         2        3          4          5      6(无用)      7         8          9       10          11       12         13          14       15) 
$color: #ffffff #f4f6f9 #999999 #666666 #333333 #292929 #000000 #ffbf00 #ff5959 #1787FB #eeeeee #222222 #cccccc #e6e8ec #df9c2d;
%bgcolor-white {
  background-color: nth($color, 8);
}

//
// the default
//
* {
  padding: 0;
  margin: 0;
}

body {
  width: 100%;
  background-color: nth($color, 1);
  font-family: $base-font-family;
  min-width: $base-width;
}

ul, li {
  list-style: none;
}

a, span {
  text-decoration: none;
  outline: none;
  // blr: expression(this.onFocus=this.blur());
}

table {
  border-collapse: collapse;
}

.clear {
  clear: both;
}

// ellipsis
%ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

//
// the macro
//
// fixed
@mixin fixed($direction) {
  position: fixed;
  @if ($direction) == 'top' {
    top: 0px;
  } @else if ($direction) == 'bottom' {
    bottom: 0px;
  }
}
//
// relative
@mixin relative($direction,$p) {
  position: relative;
  @if ($direction) == 'top' {
    top: $p;
  } @else if ($direction) == 'bottom' {
    bottom: $p;
  }
}

// radius
@mixin radius($d1,$d2,$d3,$d4) {
  border-radius: $d1 $d2 $d3 $d4;
}

//
// badge
@mixin badge($badge-color) {
  background-color: $badge-color;
}

//
// transparent
@mixin transparent($value) {
  filter: alpha(opacity=$value*100);
  -moz-opacity: $value;
  -khtml-opacity: $value;
  opacity: $value;
}

// button
.btn-primary {
  .el-button {
    height: 40px;
    padding: {
      top: 13px;
      bottom: 13px;
      left: 32px;
      right: 32px;
    }
    @extend %h7;
    color: nth($color, 1);
    border: {
      width: 0px;
      radius: 20px;
    }
    background-color: #fb7743;
  }
}
/* 公共样式 */
.zp-fl{float:left;}
.zp-fr{float:right;}

img[lazy=error], 
img[lazy=loading] {
  width: 100% !important;
  height: 100% !important;
  background: #eee url('~/static/logo.svg') center center no-repeat;
  background-size: 40px;
}

// 滚动条
//::-webkit-scrollbar{width:0px !important;}

html,body {
  font-family: $base-font-family;
}
// 单行文本超出显示...
.wy-text-nowrap{
  overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;
}
// 多行
.wy-text-nowrap-2{
  word-break:break-all;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
// 多行
.wy-text-nowrap-5{
  word-break:break-all;
  display:-webkit-box;
  -webkit-line-clamp:10;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.wy-blod{ font-weight: 800; }
.wy-float-l{ float: left; }
.wy-float-r{ float: right; }
.wy-align-center{ text-align: center; }
.wy-font-12{ font-size: 16px; }
.wy-font-14{ font-size: 14px; }
.wy-font-16{ font-size: 16px; }
.wy-font-18{ font-size: 18px; }
.wy-font-20{ font-size: 20px; }
.wy-font-24{ font-size: 24px; }
.wy-font-30{ font-size: 30px; }

.wy-col-ff,.wy-col-ff:hover{ color: #ffffff; }
.wy-col-15{ color: #15837A; }
.wy-col-00{ color: #000000; }
.wy-col-33{ color: #333333; }
.wy-col-66{ color: #666666; }
.wy-col-f5b{ color: #F5B12E; }
.wy-col-ff2{ color: #FF2F47; }

.wy-back-f7{ background: #f7f7f7; }

.wy-m-l-10{ margin-left: 10px; }
.wy-m-l-20{ margin-left: 20px; }
.wy-m-l-30{ margin-left: 30px; }
.wy-m-t-5{ margin-top: 5px; }
.wy-m-t-10{ margin-top: 10px; }
.wy-m-t-20{ margin-top: 20px; }
.wy-m-t-30{ margin-top: 30px; }
.wy-m-t-40{ margin-top: 40px; }
.wy-p-l-15{ padding-left: 15px; }
.wy-m-b-15{ margin-bottom: 15px; }
.wy-m-b-20{ margin-bottom: 20px; } 
.wy-m-b-26{ margin-bottom: 26px; }
.wy-m-t--10{ margin-top: -10px; }
.wy-m-r-30 { margin-right: 30px; }
.wy-m-r-20 { margin-right: 20px; }
// 页面子导航行
.wy-main-title{
  border-bottom: 1px solid #15837A;
  padding-bottom: 2px;
  h3{
    font-size:20px;
    color:#666666;
    margin:0;
    padding:0;
  }
  span{
    color:#333333;
  }
}
.main-body{
  display: flex;
  width: 100%;
  // margin: 10px auto 0;
}
.container-940{
  width: 940px;
  margin: 0 auto;
}
.container-1200{
  width: 1200px;
  margin: 0 auto;
}
.a-main{
  padding-top: 10px;
  width: 100%;
}

.home-page-title{
    padding-top:45px;
    padding-bottom: 15px;
    a{
        font-size:16px;
        font-family:PingFangSC-Regular;
        font-weight:400;
        color:rgba(21,131,122,1);
    }
}
a:focus{
   text-decoration: none;
}
/*
  antd UI重写
*/
.ant-btn{
  height:40px;
  border-radius:2px;
  padding: 0 18px;
  font-size:16px;
  outline: none;
  border: none;
}
.ant-btn-primary,.ant-btn-primary:hover{
  background:#15837A;
}
.ant-btn-primary,.ant-btn-primary:focus{
  background:#15837A;

}
.ant-btn-danger,.ant-btn-danger:hover{
  background:#FFA200;
  color: #ffffff;
}
.ant-btn-danger,.ant-btn-danger:focus{
  background:#FFA200;
  color: #ffffff;
}
.ant-btn-default,.ant-btn-default:hover{
   background:#E9F4F3;
   color:#15837A;
}
.ant-btn-default,.ant-btn-default:focus{
   background:#E9F4F3;
   color:#15837A;
}
.ant-pagination-prev .ant-pagination-item-link, .ant-pagination-next .ant-pagination-item-link,.ant-pagination-item{
  border: none;
}
.ant-menu-submenu-title span,.ant-menu-submenu-title a,.ant-menu-submenu-arrow{
  color: #999999 !important;
}
.ant-menu-item > a:hover,.ant-pagination-item-active a,.ant-menu-submenu-title:hover span,.ant-menu-submenu-title:hover a,.ant-menu-submenu-title:hover .ant-menu-submenu-arrow{
  color: #15837A !important;
}
.ant-checkbox-checked .ant-checkbox-inner,.ant-checkbox-wrapper:hover .ant-checkbox-inner, .ant-checkbox:hover .ant-checkbox-inner, .ant-checkbox-input:focus + .ant-checkbox-inner{
    background-color: #ffffff;
    border-color: #D5D5D5;
}
.ant-checkbox-checked .ant-checkbox-inner:after{
  border-color: #15837A;
}
.ant-menu-item-selected > a, .ant-menu-item-selected > a:hover,.ant-calendar-footer a{
  color: #15837A;
}
.ant-calendar-today .ant-calendar-date{
  color: #15837A;
  border-color: #15837A;
}
.ant-calendar-today .ant-calendar-date{
  color: #FFFFFF;
  border-color: #15837A;
}
.ant-calendar-selected-date .ant-calendar-date{
  background: #15837A;
}
//星星
.ant-rate-star{
    margin-right:0 !important;
}
//底部清浮动
.footer{
    clear:both;
}

